<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="src/js/lib/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="src/js/lib/Font-Awesome/css/font-awesome.min.css">
</head>
<body>
	<div class="box" style="width: 100px;overflow: hidden;margin: 50px auto;">
    <a class="btn btn-primary" 
    data-toggle="tooltip" 
    data-placement="right" 
    title="提示框在居右">
    提示框居右
    </a>
  </div>
 
 
	<script src="src/js/lib/jquery/jquery-1.11.2.min.js" type="text/javascript"></script>
	<script src="src/js/lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		  $(function(){
    $('[data-toggle="tooltip"]').tooltip();
    
  });
  </script>
	</script>
</body>
</html>